<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3>课程目录</h3>
<ul></ul>
<script>
    // web项目中  http请求    同步  异步  ajax   url   响应   course  =>  []
    var courses = ['HTML', 'CSS', 'JAVASCRIPT','Python']
    //获取父节点 ul
    var ul = document.getElementsByTagName('ul')[0]
    // 遍历数组   创建节点
    // for (var i = 0; i < courses.length; i++) {
    //     // 创建节点对象
    //     var li = document.createElement('li')
    //     li.innerText = courses[i]
    //     ul.appendChild(li)
    // }

    courses.forEach(course=>{
        // 创建节点对象
        var li = document.createElement('li')
        li.innerText = course
        ul.appendChild(li)
    })


</script>

</body>
</html>